.block1[data-swiper-slide-index="0"] { background-image: url(../images/banner.jpg); }

.block1[data-swiper-slide-index="1"] { background-image: url(../images/banner4.jpg); }
.block1[data-swiper-slide-index="2"] { background-image: url(../images/banner12.jpg); }
.block1[data-swiper-slide-index="3"] { background-image: url(../images/banner13.jpg); }
.block1[data-swiper-slide-index="4"] { background-image: url(../images/banner14.jpg); }
.swiper-button-prev{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23149b8e'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23149b8e'%2F%3E%3C%2Fsvg%3E") ;
  color: #149b8e;
}

.block2 { background-image: url(../images/01.png); }

.block3 { background-image: url(../images/03.jpg); }

.index-block:nth-child(4) { background-color: #15a89a; }

.block4 { background-color: #15a89a; }

.index-block:nth-child(5) { background-image: url(../images/12.jpg); }

.index-block:nth-child(6) { background-image: url(../images/24.jpg); }

.index-content { width: 100%; height: 100%; padding: 110px 13% 0; background-repeat: no-repeat; background-position: center; background-size: cover; }

.block1-swiper { height: 100%; }

.block1 { color: #fff; display: flex; flex-direction: column; }

.block1 .block1-title1 { font-size: 26px; border: 1px solid #fff; border-radius: 50px; height: 52px; line-height: 50px; text-align: center; width: 300px; font-weight: bold; color: #fff; }

.block1 .block1-title2 { font-size: 100px; margin: 10px 0; font-weight: bold; color: #fff; }

.block1 .block1-title3 { font-size: 20px;  color: #fff; }

.block1 .block1-title4 { font-size: 54px; font-weight: bold; color: #fff; }

.block1 .block1-title5 { color: #fff; font-weight: bold; font-size: 24px; margin-top: 20px; }

.block1 .block1-more { margin-top: 50px; color: #6793b5; display: block; background-color: #fff; width: 150px; height: 46px; line-height: 46px; text-align: center; font-size: 20px; }

.block1[data-swiper-slide-index="1"] { position: relative; display: block; }

.block1[data-swiper-slide-index="1"] .block1-image1, .block1[data-swiper-slide-index="1"] .block1-image2, .block1[data-swiper-slide-index="1"] .block1-image3 { position: absolute; left: 13%; }

.block1[data-swiper-slide-index="1"] .block1-image1 { top: 80px; margin-left: -10px; }

.block1[data-swiper-slide-index="1"] .block1-image2 { top: 180px; }

.block1[data-swiper-slide-index="1"] .block1-image3 { bottom: 50px; }

.block2 { display: flex; flex-direction: column; padding: 0; }

.block2 .block2-header { padding: 0 13%; height: 130px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; margin-top: -1px; }

.block2 .block2-header .block2-header-title { font-size: 32px; }

.block2 .block2-header .block2-header-title .theme-color { font-weight: bold; margin-right: 10px; }

.block2 .block2-header .block2-header-search { width: 57%; height: 52px; display: flex; align-items: center; background-color: #f1f1f1; border-radius: 52px; padding: 0 20px; }

.block2 .block2-header .block2-header-search .block2-header-search-input { flex: 1; }

.block2 .block2-header .block2-header-search .block2-header-search-icon { height: 52px; object-fit: contain; width: 52px; }

.block2 .block2-content { padding: 0 13%; flex: 1; display: flex; align-items: center; }

.block2 .block2-panel { padding: 40px; background-color: #fff; border-radius: 30px; width: 450px; height: 600px; max-height: 100%; display: flex; flex-direction: column; }

.block2 .block2-panel .block2-panel-title { font-size: 36px; font-weight: bold; }

.block2 .block2-panel .block2-panel-title::after { content: ""; display: block; height: 2px; background-color: #3f3f3f; margin: 20px 0; width: 60px; }

.block2 .block2-panel .block2-panel-tip { font-weight: bold; color: #515151; }

.block2 .block2-panel .block2-panel-content { display: flex; justify-content: space-between; flex: 1; margin-top: 40px; }

.block2 .block2-panel .block2-panel-content-left { flex: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; }

.block2 .block2-panel .block2-panel-content-left-city, .block2 .block2-panel .block2-panel-content-left-time { font-size: 36px; font-weight: bold; margin-bottom: 10px; }

.block2 .block2-panel .block2-panel-content-left-address { font-size: 22px; }

.block2 .block2-panel .block2-panel-content-right { width: 140px; padding-top: 30px; }

.block2 .block2-panel .block2-panel-content-right-aqi { font-size: 30px;  }

.block2 .block2-panel .block2-panel-content-right-aqi-number { font-size: 48px; font-weight: bold; margin-right: 10px; }

.block2 .block2-panel .block2-panel-content-right-stauts { background-color: #edf6f4; font-weight: bold; font-size: 30px; text-align: center; height: 46px; line-height: 46px; border-radius: 4px; margin: 10px 0 25px; }

.block2 .block2-panel .block2-panel-content-right-title { font-size: 18px; font-weight: bold; }

.block2 .block2-panel .block2-panel-content-right-item { line-height: 2; }

.block3 { position: relative; }

.block3 .block3-left { width: 45%; position: relative; padding-left: 60px; }

.block3 .block3-left .block3-left-line { position: absolute; left: 0; height: 4px; width: 44px; background-color: #3f3f3f; top: 30px; }

.block3 .block3-left .block3-left-title { color: #3f3f3f; font-weight: bold; font-size: 32px; }

.block3 .block3-left .block3-left-subtitle { color: #3f3f3f; font-size: 20px; line-height: 3;}

.block3 .block3-left .block3-left-desc { line-height: 1.8; margin-bottom: 50px; line-height: 2.2;}

.block3 .block3-left .block3-left-more { display: block; text-align: center; height: 50px; line-height: 50px; width: 180px; color: #fff; background-color: #333; margin-bottom: 70px; }

.block3 .block3-left .block3-left-count { display: flex; justify-content: space-around; }

.block3 .block3-left .block3-left-count-item { text-align: center; }

.block3 .block3-left .block3-left-count-item .block3-left-count-number { font-size: 50px; margin-bottom: 10px; font-weight: bold; }

.block3 .block3-right { position: absolute; right: 13%; top: 40%; transform: translateY(-50%); width: 40%; overflow: visible; }

.block3 .block3-right::after { padding-bottom: 68.6747%; }

.block3 .block3-right .block3-right-box { position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.block3 .block3-right .block3-right-box .block3-right-image { transform: scale(1); }

.block3 .block3-right .block3-right-border { position: absolute; border-style: solid; border-color: #149b8e; }

.block3 .block3-right .block3-right-border:nth-child(1) { width: 138px; height: 148px; left: -30px; top: -30px; border-width: 18px 0 0 18px; }

.block3 .block3-right .block3-right-border:nth-child(2) { width: 66px; height: 80px; border-width: 0 18px 18px 0; right: -30px; bottom: -30px; }

.block3 .block3-right .block3-right-content { position: absolute; height: 74%; width: 300px; border: 10px solid #fff; display: flex; align-items: center; justify-content: center; color: #fff; letter-spacing: 6px; }

.scaleAnimate { animation-name: scaleAnimate; animation-duration: 3s; }

@keyframes scaleAnimate { from { transform: scale(1); }
  to { transform: scale(1.2); } }

.block4 { padding: 0; display: flex; flex-direction: column; }

.block4 .block4-top-swiper { height: 100%; }

.block4 .block4-top { position: relative; height: 580px; background-size: contain; }

.block4 .block4-top .block4-top-background { position: absolute; width: 100%; /*animation-iteration-count: infinite;*/ height: 90%; object-fit: contain; }

.block4 .block4-top .block4-top-image { position: absolute; left: 50%; width: 600px; height: auto; bottom: 0; margin-left: -300px; object-fit: contain; max-height: 100%; }

.block4 .block4-top .block4-top-left { width: 420px; position: absolute; left: 50%; top: 150px; margin-left: -550px; height: 200px; background: no-repeat center / contain; }
/* 2023/10添加 */
.block4 .block4-top .block4-top-left1 { width: 420px; position: absolute; left: 50%; top: 300px; margin-left: -550px; height: 200px; background: no-repeat center / contain; }

.block4 .block4-top .block4-top-right { width: 500px; position: absolute; left: 50%; top: 240px; margin-left: 180px; height: 200px; background: no-repeat center / contain; }

.block4 .block4-top .block4-top-next { position: absolute; left: 50%; margin-left: -70px; bottom: -26px; width: 130px; height: 46px; border: 2px solid #fff; border-radius: 50px; font-size: 16px; background-color: #2fc3b5; color: #fff; transition: all 0.5s; z-index: 2; cursor: default; }

.block4 .block4-top .block4-top-next .block4-top-next-current { display: inline-block; margin: 0 5px; }

.block4 .block4-top .block4-top-next .block4-top-next-icon { width: 18px; cursor: pointer; }
.block4 .block4-top .block4-top-content { overflow: hidden; }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-image { width: 450px; margin-left: -216px; }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-left {margin-left: -590px; background-image: url(../images/expert/expert1-name.png); }
/* 2023/10添加 */
.block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-left1 {margin-left: -580px; background-image: url(../images/expert/expert1-title.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-right {width: 430px;top: 200px; background-image: url(../images/expert/expert1-desc.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-image { max-height: 120% !important;}
.block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-left {margin-left: -611px;  background-image: url(../images/expert/expert2-name.png); }
/*  */
.block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-right {height:140px; margin-left:70px;  background-image: url(../images/expert/expert2-desc.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-image { width: 440px; margin-left: -210px; }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-left {margin-left: -611px; background-image: url(../images/expert/expert3-name.png);  }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-right {width: 440px;top: 200px;  background-image: url(../images/expert/expert3-desc.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-image { width: 430px; margin-left: -200px; }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-left {   margin-left: -490px;  background-image: url(../images/expert/expert4-name.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-right {width: 430px; top: 220px; margin-left: 120px; background-image: url(../images/expert/expert4-desc.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-image { width:750px;     margin-left: -350px }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-left {margin-left: -610px; top: 110px;  background-image: url(../images/expert/expert5-name.png); }

.block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-right {width: 430px;top: 150px;margin-left: 230px;  background-image: url(../images/expert/expert5-desc.png); }

.block4 .block4-bottom { padding-right: 13%; height: 36%; background-color: #d7ede2; display: flex; justify-content: space-between; align-items: center; }

.block4 .block4-bottom .block4-bottom-left { flex: 1; text-align: center; font-size: 34px; }

.block4 .block4-bottom .block4-bottom-left .block4-bottom-left-number { font-size: 80px; font-weight: bold; }

.block4 .block4-bottom .block4-bottom-right { width: 450px; line-height: 2; }


.block5 { padding: 0 5% 50px; display: flex; flex-direction: column; position: relative; }

.block5 .block5-line { position: absolute; left: 5%; height: 4px; width: 44px; background-color: #3f3f3f; top: 30px; }

/*.block5 .block5-title { color: #3f3f3f; font-weight: bold; font-size: 52px; padding-left: 5%; }*/
.block5  .block5-title { font-size: 32px; font-weight: bold; position: relative; padding-top: 40px;width: 82%;margin-left: 5%; }
.block5 .block5-title span { position: relative; }
.block5 .block5-title::before { content: "Product center"; color: #e6e6e6; position: absolute; z-index: 0; top: 6px; left: 0; font-size: 60px;  }
.block5 .block5-title::after { content: ""; display: block; width: 30px; border-top: 3px solid #149b8e; margin-top: 20px; }
.block5 .block5-list { flex: 1; display: flex; flex-wrap: wrap;justify-content: flex-start; align-items: flex-end; overflow: hidden; margin: 20px auto 0; width: 82%; }

.block5 .block5-item { width: calc(25% - 15px); height: calc(50% - 10px); border-radius: 10px; margin-right: 15px; 
  color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; animation-duration: 2s; }

.block5 .block5-item > div {position: absolute; top: 0;  padding: 10px 10px; height: 100%; }

.block5 .block5-item .block5-item-title { font-size: 24px;   margin-bottom: 6px; }

.block5 .block5-item .block5-item-name { font-size: 28px; font-weight: bold; }

.block5 .block5-item .block5-item-line { height: 3px; width: 50px; background-color: #fff; margin-top: 20px; }

.block5 .block5-item .block5-item-plus { position: absolute; right: 20px; bottom: 20px; width: 30px; height: 30px;  border-radius: 50%; }

.block5 .block5-item .block5-item-image {position: relative; z-index: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }


.block5 .block5-item:hover .block5-item-image { transform: scale(1.1); }

.block5 .block5-item.block5-item--more { color: #3f3f3f; }

.block5 .block5-item.block5-item--more .block5-item-title { font-size: 32px; font-weight: normal; }

.block5 .block5-item.block5-item--more .block5-item-desc { font-size: 12px; font-weight: bold; margin: 20px 0; }

.block5 .block5-item.block5-item--more .block5-item-more { font-size: 12px; line-height: 2; }

.block5 .block5-item.block5-item--more .block5-item-more::after { content: ""; display: block; width: 42px; border-top: 1px solid #3f3f3f; }

.block6 { display: flex; align-items: flex-start; padding-top: 60px; }

.block6 .block6-left, .block6 .block6-right { flex: 1; overflow: hidden; }

.block6 .block6-right { flex: 1; overflow: hidden; object-fit: contain; }

.block6 .block6-title { font-size: 32px; font-weight: bold; position: relative; padding-top: 40px; }

.block6 .block6-title span { position: relative; }

.block6 .block6-title::before { content: "SOLUTIONS"; color: #e6e6e6; position: absolute; z-index: 0; top: 6px; left: 0; font-size: 60px;  }

.block6 .block6-title::after { content: ""; display: block; width: 30px; border-top: 3px solid #149b8e; margin-top: 20px; }

.block6 .block6-tip { color: #6e6e6e; margin: 14px 0 50px; }

.block6 .block6-desc { color: #6e6e6e; line-height: 1.8; }

.block6 .block6-list { display: flex; flex-wrap: wrap; margin: 50px 0; }

.block6 .block6-list::-webkit-scrollbar-thumb { background-color: #ccc; }

.block6 .block6-item { width: 20%; text-align: center; padding: 10px 20px; border-right: 1px solid #ddd; margin-bottom: 20px; position: relative; cursor: pointer; }

.block6 .block6-item:hover { color: #149b8e; }

.block6 .block6-item:hover .block6-item-icon { display: none; }

.block6 .block6-item:hover .block6-item-icon.active { display: inline-block; }

.block6 .block6-item .block6-item-icon { margin-bottom: 4px; width: 52px; height: 52px; object-fit: contain; }

.block6 .block6-item .block6-item-icon.active { display: none; }

.block6 .block6-item .block6-item-title { line-height: 1.8; }

.block6 .block6-item:nth-child(5n) { border-right: none; }

.block6 .block6-item::after { position: absolute; display: block; width: 100%; border-bottom: 1px solid #ddd; height: 0; bottom: -10px; left: 0; }

.block6 .block6-item:nth-child(1)::after, .block6 .block6-item:nth-child(2)::after, .block6 .block6-item:nth-child(3)::after, .block6 .block6-item:nth-child(4)::after, .block6 .block6-item:nth-child(5)::after { content: ""; }

.block6 .block6-tags { display: flex; justify-content: space-between; }

.block6 .block6-tag { flex: 1; height: 50px; line-height: 50px; text-align: center; margin-right: 4px; font-weight: bold; }

.block6 .block6-tag:last-child { margin-right: 0; }

.block7 { display: flex; align-items: flex-start; padding-top: 30px; justify-content: space-between; position: relative; }

.block7 .block7-copyright { position: absolute; bottom: 50px; left: 5%; color: #787878; }

.block7 .block7-copyright .block7-copyright-item { margin-left: 10px; display: inline-block; }

.block7 .block7-left, .block7 .block7-right { width: 45%; overflow: hidden; }

.block7 .block7-title { font-size: 32px; font-weight: bold; position: relative; padding-top: 40px; }

.block7 .block7-title span { position: relative; }

.block7 .block7-title::before { content: "NEWS CENTER"; color: #e6e6e6; position: absolute; z-index: 0; top: 6px; left: 0; font-size: 60px;  }

.block7 .block7-title::after { content: ""; display: block; width: 30px; border-top: 3px solid #149b8e; margin-top: 20px; }

.block7 .block7-desc { color: #6e6e6e; margin: 14px 0 50px; }

.block7 .block7-left-cover { width: 100%; height: 300px; object-fit: cover; }

.block7 .block7-left-title { display: block; color: #4f4f4f; font-size: 26px; padding: 14px 0; border-top: 1px solid #ddd; font-weight: bold; margin-top: 20px; }

.block7 .block7-left-desc { margin: 10px 0 50px; line-height: 1.6; }

.block7 .block7-item { display: flex; justify-content: space-between; height: 250px; cursor: pointer; }

.block7 .block7-item .block7-item-left, .block7 .block7-item .block7-item-right { width: 33%; overflow: hidden; border-top: 1px solid #ddd; padding: 20px 0; }

.block7 .block7-item .block7-item-right { width: 57%; }

.block7 .block7-item .block7-item-cover { width: 100%; height: 102px; object-fit: cover; }

.block7 .block7-item .block7-item-time { font-size: 40px;  font-weight: bold; color: #717171; margin-bottom: 20px; }

.block7 .block7-item .block7-item-title { font-size: 20px; font-weight: bold; height: 56px; }

.block7 .block7-item .block7-item-desc { line-height: 1.6; height: 46px; margin: 10px 0 40px; }

.block7 .block7-item .block7-item-more { text-align: right;color: #149b8e; }
.block7-item-more{color: #149b8e !important;}

.block7 .news-swiper-control { display: flex; justify-content: space-between; border-top: 1px solid #ddd; margin-top: -1px; padding: 10px 0; }

.block7 .news-swiper-control .swiper-pagination-bullet { border: 1px solid #666; background: none; opacity: 1; margin-right: 6px; }

.block7 .news-swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #149b8e; }

.block7 .news-swiper-control .news-swiper-next, .block7 .news-swiper-control .news-swiper-prev { cursor: pointer; margin-left: 10px; }

.footer { padding: 0; height: auto; }

@media (max-width: 1550px) { .block1 .block1-title1 { height: 42px; line-height: 40px; width: 200px; font-size: 20px; }
  .block1 .block1-title2 { font-size: 70px; }
  .block1 .block1-more { font-size: 18px; height: 36px; line-height: 36px; } }

@media (max-width: 1366px) and (min-width: 1200px) { .block5 .block5-list { width: 1110px }
  .block5 .block5-item .block5-item-title { font-size: 22px; }
  .block5 .block5-item .block5-item-name { font-size: 26px; }
  .block2 .block2-panel { height: 500px; padding: 20px 40px; }
  .block2 .block2-panel .block2-panel-content-right { padding-top: 0; } }

@media (max-height: 940px) { .block7 .block7-item { height: 200px; }
  .block7 .block7-item .block7-item-cover { height: 90px; }
  .block7 .block7-left-cover { height: 200px; } }

@media (max-height: 800px) { .block7 .block7-item { height: 180px; }
  .block7 .block7-item .block7-item-desc { margin: 10px 0; }
  .block7 .block7-item .block7-item-time { font-size: 26px; margin-bottom: 10px; } }

@media (max-width: 768px) { .index-content { padding: 20px 20px 0; }
  .block1 { padding-top: 30px; }
  /* .block1[data-swiper-slide-index="0"] { background-image: url(../images/m/01.jpg); display: flex; flex-direction: column; align-items: center; } */
  /* .block1[data-swiper-slide-index="1"] { background-image: url(../images/m/15.png); text-align: center; } */
  /* .block1[data-swiper-slide-index="0"] { background-image: url(../images/banner.jpg); } */

  .block1[data-swiper-slide-index="0"] { background-image: url(../images/banner_mobile.jpg) ; }
  .block1[data-swiper-slide-index="1"] { background-image: url(../images/banner4_mobile.jpg) ; }
  .block1[data-swiper-slide-index="2"] { background-image: url(../images/banner12_mobile.jpg) ; }
  .block1[data-swiper-slide-index="3"] { background-image: url(../images/banner13_mobile.jpg) ; }
  .block1[data-swiper-slide-index="4"] { background-image: url(../images/banner14_mobile.jpg) ; }
  .block1[data-swiper-slide-index="1"] .block1-title4 { font-size: 27px; }
  .block1[data-swiper-slide-index="1"] .block1-title5 { font-size: 16px; margin-top: 10px; }
  .block1 .block1-title1 { font-size: 15px; height: 32px; line-height: 30px; width: 150px; }
  .block1 .block1-title2 { font-size: 42px; font-weight: bold; }
  .block1 .block1-title3 { font-size: 12px; }
  .block1 .block1-more { margin-top: 30px; width: 80px; height: 32px; line-height: 32px; font-size: 12px; }
  .index-block:nth-child(2) .index-content { background-image: none; }
  .block2 { padding: 10px 0 0; }
  .block2 .block2-content { padding: 0 20px; display: block; flex: none; }
  .block2 .block2-content .block2-panel { padding: 0; height: auto; margin-top: 20px; width: 100%; }
  .block2 .block2-content .block2-panel .block2-panel-title { font-size: 18px; }
  .block2 .block2-content .block2-panel .block2-panel-title::after { width: 100%; height: 1px; margin: 10px 0; }
  .block2 .block2-content .block2-panel .block2-panel-content { padding: 20px 30px; align-items: center; margin-top: 0; flex: none; }
  .block2 .block2-content .block2-panel .block2-panel-content-left-city, .block2 .block2-content .block2-panel .block2-panel-content-left-time { font-size: 20px; }
  .block2 .block2-content .block2-panel .block2-panel-content-left-address { font-size: 14px; margin-bottom: 80px; }
  .block2 .block2-content .block2-panel .block2-panel-content-right { width: auto; padding-top: 0; }
  .block2 .block2-content .block2-panel .block2-panel-content-right-aqi { font-size: 16px; }
  .block2 .block2-content .block2-panel .block2-panel-content-right-aqi-number { font-size: 20px; }
  .block2 .block2-content .block2-panel .block2-panel-content-right-stauts { height: 26px; line-height: 26px; width: 100%; font-size: 14px; margin: 10px 0 20px; }
  .block2 .block2-content .block2-panel .block2-panel-content-right-title { font-size: 16px; margin-bottom: 10px; }
  .block2 .block2-content .block2-panel .block2-panel-content-right-item { font-size: 14px; color: #515151 !important; font-weight: bold; line-height: 1.6; }
  .block2 .block2-header { padding: 0 20px; display: block; font-size: 18px; height: auto; }
  .block2 .block2-header .block2-header-title { font-size: 18px; }
  .block2 .block2-header .block2-header-search { margin-top: 15px; font-size: 14px; width: 100%; height: 36px; }
  .block2 .block2-mobile-map { flex: 1; width: 100%; object-fit: cover; }
  .block3 { background-image: url(../images/m/13.png); height: 320px; }
  .block3 .block3-left { width: 100%; padding-left: 0; }
  .block3 .block3-left .block3-left-line { width: 30px; top: 14px; left: -20px; }
  .block3 .block3-left .block3-left-title { font-size: 24px; padding-left: 20px; }
  .block3 .block3-left .block3-left-subtitle { font-size: 18px; padding-left: 20px; line-height: 1.8;}
  .block3 .block3-left .block3-left-desc { margin: 280px 0 10px; font-size: 12px; line-height: 1.8;}
  .block3 .block3-left .block3-left-more { display: none; }
  .block3 .block3-left .block3-left-count { justify-content: center; margin-top: 20px; }
  .block3 .block3-left .block3-left-count-item { padding: 0 20px; }
  .block3 .block3-left .block3-left-count-item:first-child { border-right: 1px solid #ccc; }
  .block3 .block3-left .block3-left-count-item .block3-left-count-number { font-size: 36px; color: #149b8e; }
  .block3 .block3-right { width: 86%; right: auto; left: 7%; top: 280px; }
  .block3 .block3-right::after { padding-bottom: 56%; }
  .block3 .block3-right .block3-right-border:nth-child(1) { border-width: 8px 0 0 8px; width: 50px; height: 50px; top: -20px; left: -20px; }
  .block3 .block3-right .block3-right-border:nth-child(2) { border-width: 0 8px 8px 0; width: 50px; height: 50px; right: -20px; bottom: -20px; }
  .block3 .block3-right .block3-right-box .block3-right-image { width: 100%; height: 100%; object-fit: cover; }
  .block4 { padding: 0; }
  .block4 .block4-top .block4-top-image { margin-left: -30px; width: 430px; left: 0; }
  .block4 .block4-top .block4-top-left,.block4 .block4-top .block4-top-left1, .block4 .block4-top .block4-top-right { height: 130px !important; width: 190px !important; }
  .block4 .block4-top .block4-top-left { margin-left: 0 !important; left: -10px; right: auto; top: 100px; }
  .block4 .block4-top .block4-top-left1 { margin-left: 0 !important; left: -10px; right: auto; top: 100px; }
  .block4 .block4-top .block4-top-right { margin-left: 0 !important; right: -10px; left: auto; top: 90px !important; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-image { width: 500px; margin-left: -40px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-left {  top: 10px; background-image: url(../images/expert/expert1-name-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-left1 { top: 20px; height:90px !important; background-image: url(../images/expert/expert1-title-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-right { top: 0px !important; background-image: url(../images/expert/expert1-desc-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-image { width: 370px !important; margin-left: 30px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-left {width:120px !important; top: 0px; left: 20px; background-image: url(../images/expert/expert2-name-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-right {top: 0px !important; height: 90px !important; background-image: url(../images/expert/expert2-desc-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-image {width: 385px !important; margin-left: 10px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-left { top: 0px !important; height:100px !important; background-image: url(../images/expert/expert3-name-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-right {top: 0px !important; height:120px !important; background-image: url(../images/expert/expert3-desc-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-image {width: 370px !important;left: 230px;}
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-left { top: 0px !important; height:85px !important; background-image: url(../images/expert/expert4-name-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-right {top: 0px !important; height:120px!important; background-image: url(../images/expert/expert4-desc-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-image { width: 690px; margin-left: -70px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-left {top: 0px !important; height:85px !important; background-image: url(../images/expert/expert5-name-mobile.png); }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-right {top: 0px !important; height:120px !important; background-image: url(../images/expert/expert5-desc-mobile.png); }
  .block4 .block4-top { flex: 1; overflow: hidden; }
  .block4 .block4-bottom { padding: 0 20px; height: 180px; }
  .block4 .block4-bottom .block4-bottom-right { width: auto; flex: 1; font-size: 12px; line-height: 1.2; }
  .block4 .block4-bottom .block4-bottom-left { font-size: 14px; flex: none; padding-right: 20px; }
  .block4 .block4-bottom .block4-bottom-left .block4-bottom-left-number { font-size: 30px; }
  .block5 { padding: 0; }
  .block5 .block5-line { width: 20px; top: 15px; left: 0; }
  /*.block5 .block5-title { font-size: 24px; padding-left: 30px; }*/
  .block5  .block5-title { font-size: 18px; padding-top: 20px; }
  .block5  .block5-title::before { font-size: 30px; top: 0; }
  .block5  .block5-title::after { margin-top: 10px; }
  .block5 .block5-list { flex: none; display: flex; justify-content: space-between; overflow: visible; height: auto; margin-top: 10px;  }
  .block5 .block5-item { width: calc(50% - 10px);  height: 159px; margin-right: 0px; margin-bottom: 6px;}
  .block5 .block5-item .block5-item-plus { display: none; }
  .block5 .block5-item > div { padding: 10px; }
  .block5 .block5-item .block5-item-title { font-size: 18px; }
  .block5 .block5-item .block5-item-name { font-size: 22px; }
  .block5 .block5-item .block5-item-line { margin-top: 6px; width: 30px; }
  /* .block5 .block5-item:nth-child(1) { height: 250px; } */
  /* .block5 .block5-item:nth-child(2) { right: 0; height: 163px; left: auto; padding-right: 0; } */
  /* .block5 .block5-item:nth-child(3) { right: 0; top: 173px; height: 163px; left: auto; } */
  /* .block5 .block5-item:nth-child(4) { top: 260px; height: 250px; left: 0; } */
  /* .block5 .block5-item:nth-child(5) { top: 346px; height: 163px; background-position: center bottom; } */
  /* .index-block:nth-child(6) { background-position: left center; } */
  .block6 { padding-top: 0; flex-direction: column; }
  .block6 .block6-left { display: flex; flex-direction: column; width: 100%; }
  .block6 .block6-title { font-size: 18px; padding-top: 20px; }
  .block6 .block6-title::before { font-size: 30px; top: 0; }
  .block6 .block6-title::after { margin-top: 10px; }
  .block6 .block6-desc { margin-top: 0; order: 1; height: 150px; }
  .block6 .block6-list { order: 3; margin: 20px 0; white-space: nowrap; overflow-x: auto; width: 100%; display: block; flex: none; }
  .block6 .block6-item:nth-child(3) { border-right: 1px solid #ddd; }
  .block6 .block6-item { width: 33.33%; padding: 0 20px; display: inline-block; }
  .block6 .block6-item .block6-item-title { font-size: 12px; }
  .block6 .block6-item::after { display: none; }
  .block6 .block6-item:nth-child(3) { border-right: none; }
  .block6 .block6-tags { order: 2; background-color: #149b8e; padding: 0 10px; height: 52px; border-radius: 4px; margin-bottom: 288px; margin-top: 15px; }
  .block6 .block6-tag { padding: 6px 0; line-height: 1.4; margin-right: 0; font-size: 17px; height: auto; flex: none; }
  .block6 .block6-tag-title { display: block; font-size: 13px; }
  .block6 .block6-right { position: absolute; width: 100%; height: 430px; object-fit: contain; top: 200px; left: -10px; }
  .block7 .block7-left { width: 100%; }
  .block7 .block7-left .block7-title { font-size: 18px; padding-top: 20px; }
  .block7 .block7-left .block7-title::before { font-size: 30px; top: 0; }
  .block7 .block7-left .block7-title::after { margin-top: 10px; }
  .block7 .block7-left .block7-desc { display: block; margin: 10px 0; }
  .block7 .block7-left .block7-left-cover { height: 180px; margin-top: 20px; border-radius: 10px; }
  .block7 .block7-left .block7-left-title { font-size: 15px; }
  .block7 .block7-left .block7-left-desc { font-size: 12px; margin: 0 0 20px 0; }
  .block7 .block7-left .block7-left-more { text-align: right; }
  .block7 .block7-left .block7-left-more .block7-left-more-icon { width: 50px; }
  .block7 .block7-left .news-mobile-swiper { display: block; }
  .block7 .block7-left .block7-mobile-more { text-align: right; display: block; margin-bottom: 15px; }
  .block7 .block7-left .block7-mobile-more .block7-mobile-more-button { display: inline-block; padding: 4px 15px; border: 1px solid #ccc; border-radius: 20px; }
  .block7 .block7-copyright { font-size: 12px; bottom: 20px; } }
@media (max-width: 375px) {
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="0"] .block4-top-image { width: 330px; margin-left: 25px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="1"] .block4-top-image { width: 240px !important; margin-left: 75px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="2"] .block4-top-image {width: 250px !important; margin-left: 70px; }
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="3"] .block4-top-image {width: 250px !important;left: 285px;}
  .block4 .block4-top .block4-top-content[data-swiper-slide-index="4"] .block4-top-image { width: 480px; margin-left: -10px; }

  .block5 .block5-item{
    height: 120px;
  }
  .block5 .block5-item .block5-item-name{font-size: 13px;}
  .block5 .block5-item .block5-item-title {
    font-size: 10px;
  }
}
@media (max-height: 630px) {
  .block3 { padding: 10px; height: 300px; }
  .block3 .block3-right { top: 200px; }
  .block3 .block3-left .block3-left-desc { margin-top: 240px; }
  .block3 .block3-left .block3-left-count { margin-top: 0; }
  .block5 .block5-item {
    width: calc(50% - 25px);
  }
  .block5 .block5-item:nth-child(1) { height: 190px; left: 20px; }
  .block5 .block5-item:nth-child(2) { right: 20px; height: 123px; }
  .block5 .block5-item:nth-child(3) { right: 20px; top: 133px; height: 123px; }
  .block5 .block5-item:nth-child(4) { top: 200px; height: 190px; left: 20px; }
  .block5 .block5-item:nth-child(5) { top: 265px; height: 123px; right: 20px; }
  .block5 .block5-item .block5-item-title { font-size: 18px; }
  .block5 .block5-item .block5-item-name { font-size: 22px; }
  .block6 .block6-desc { font-size: 12px; }
  .block6 .block6-right { height: 225px; top: 210px; }
  .block6 .block6-tags { margin-bottom: 180px; }
  .block7 .block7-left .block7-mobile-more { margin: 0; }
  .block7 .block7-left .block7-left-cover { height: 170px; }
  .block7 .block7-left-title { padding: 10px 0; }
  .block7 .block7-left .block7-left-desc { margin: 0 0 10px 0; }
}